<html>
  <head>
    <title><%=t("&View")%></title>
    <meta charset="utf-8"/>
    <script src="/js/jquery-1.11.1/jquery-1.11.1.min.js"></script>
  </head>

  <script>
    console.log(document.cookie);
    function onLanguageChange(e) {
      //console.log(e);
      let LCID = $(e).val();
      console.log(LCID);
      document.cookie = 'LCID=' + LCID;
      window.location.reload();
    }
    console.log('<%=LCID%>')
  </script>

  <body>
    <div>
      <img src="/img/AcroML.gif" />
    </div>
    <a href="/">Home</a>
    <h1>
      <%=t('Demo:translate at backend,when nodejs render ejs file')%>
    </h1>
    <div style="text-align: right;">
      <span><%=t('Language:')%></span>
      <%-selector%>
    </div>
    <div style="width:25%;float:left;" title="aaa">
      <fieldset>
        <legend>a</legend>
        <a>
          <%=t("&File")%>
        </a><br />
        <a href="http://www.csdn.net"><i>
            <%=t("&View")%>
          </i></a>
      </fieldset>
      <fieldset>
        <legend>span</legend>
        <span>
          <%=t("&File")%>
        </span><br />
      </fieldset>
      <fieldset>
        <legend>input</legend>
        <input type="text" placeholder="<%=t('&File')%>"></input><br />
        <input type="button" value="<%=t('&File')%>"></input><br />
        <input type="checkbox" value="&File"><span>
          <%=t('&Edit')%>
        </span></input><br />
        <input type="radio" value="&File"><span>
          <%=t('&Edit')%>
        </span></input><br />
        <input type="submit" value="<%=t('&File')%>"></input><br />
        <input type="file" alt="&Edit" title="View"></input><br />
        <input type="month"></input><br />
        <input type="week"></input><br />
      </fieldset>
      <fieldset>
        <legend>select</legend>
        <select name="cars">
          <option value="volvo">
            <%=t('&Edit')%>
          </option>
          <option value="saab">
            <%=t('&File')%>
          </option>
          <option value="fiat">
            <%=t('&View')%>
          </option>
          <option value="audi">
            <%=t('&About')%>
          </option>
        </select>
      </fieldset>
    </div>
    <div style="width:25%;float:left;">
      <fieldset>
        <legend>button</legend>
        <button>
          <%=t('&File')%>
        </button><br />
      </fieldset>
      <fieldset>
        <legend>div</legend>
        <div>
          <%=t('&File')%>
        </div><br />
        <div><span>
            <%=t('&File')%>
          </span></div><br />
        <div>
          <%=t('&Edit')%><span>
              <%=t('&File')%>
            </span>
        </div><br />
      </fieldset>
      <fieldset>
        <legend>textarea</legend>
        <textarea placeholder="<%=t('&View')%>"></textarea><br />
      </fieldset>
      <fieldset>
        <legend>label</legend>
        <label value="aaa">
          <%=t('&File')%>
        </label><br />
      </fieldset>
    </div>
    <div style="width:25%;float:left;">
      <fieldset>
        <legend>i-b-strong-mark-s-del</legend>
        <i>
          <%=t('&View')%>
        </i>
        <i><span>
            <%=t('&Edit')%>
          </span></i>
        <b>
          <%=t('&View')%>
        </b>
        <strong>
          <%=t('&View')%>
        </strong>
        <mark>
          <%=t('&View')%>
        </mark>
        <s>
          <%=t('&View')%>
        </s>
        <del>
          <%=t('&View')%>
        </del>
      </fieldset>
      <fieldset>
        <legend>fieldset</legend>
        <fieldset>
          <legend>&View</legend>
          <div class="box_a">
            <label for="uName">
              <%=t('&Edit')%>
            </label><input class="text_a" id="uName" type="text">
          </div>
          <div class="box_a">
            <label for="uPassword">
              <%=t('&File')%>
            </label><input class="text_a" id="uPassword" type="text">
          </div>
          <div class="box_a">
            <input id="uTrue" type="checkbox"><label for="uTrue">
              <%=t('&About')%>
            </label>
          </div>
        </fieldset>
      </fieldset>
      <fieldset>
        <legend>table</legend>
        <table border="1">
          <caption>
            <%=t('&View')%>
          </caption>
          <tr>
            <th>
              <%=t('&Edit')%>
            </th>
            <th>
              <%=t('&File')%>
            </th>
          </tr>
          <tr>
            <td>
              <%=t('&Edit')%>
            </td>
            <td>
              <%=t('&File')%>
            </td>
          </tr>
        </table>
      </fieldset>
    </div>
    <div style="width:25%;float:left;">
      <fieldset>
        <legend>p</legend>
        <p>
          <%=t('&Edit')%>
        </p><br />
      </fieldset>
      <fieldset>
        <legend>pre</legend>
        <p>
          <%=t('&Edit')%>
        </p><br />
      </fieldset>
      <fieldset>
        <legend>h1</legend>
        <h1>
          <%=t('&File')%>
        </h1><br />
      </fieldset>
    </div>
  </body>

</html>